import { Button, Col, ConfigProvider, Row } from '@antmjs/vantui';
import { Text, View } from '@tarojs/components';
import Taro from '@tarojs/taro';

function Index() {


  return (
    <ConfigProvider>
      <Row gutter={16} className='p-4'>

        <Col span={8} className='text-center'>
          <Button
            type='warning'
            onClick={() => Taro.navigateTo({ url: 'pages/form/form' })}
          >
            {' '}
            VantUI Form
          </Button>
        </Col>
        <Col span={8} className='text-center'>
          <Button
            type='primary'
            onClick={() => Taro.navigateTo({ url: 'pages/counters' })}
          >
            {' '}
            Counter Redux
          </Button>
        </Col>
        <Col span={8} className='text-center'>
          <Button
            type='danger'
            onClick={() => Taro.navigateTo({ url: 'pages/todoMVC' })}
          >
            {' '}
            TodoMVC Redux
          </Button>
        </Col>
      </Row>

      <View>
        <Text className=' text-center text-red-500'>Tailwindcss 演示</Text>
      </View>
    </ConfigProvider >
  );
}

export default Index;
